<%--
  Created by IntelliJ IDEA.
  User: 张荣荣
  Date: 2022/4/7
  Time: 19:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>租车评价</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/smallLogo.svg" type="image/x-icon">
    <style>
        body{
            background-color: white !important;
        }

        #J-main-container{
            background-color: #f1f1f1 !important;
        }

        <%--        悬浮在a标签上会出现的效果--%>
        .cus_title .logo .title_list li a:hover{
            text-decoration: none;
        }

        .cus_title .logo .title_list li a:hover+span{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }

        /*给a标签上色*/
        .cus_title .logo .title_list li .comment{
            color: #23b7b7 !important;
        }

        /*给span标签加三角形*/
        .cus_title .logo .title_list li .comment_sharing{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }


    </style>
    <link rel="stylesheet" href="//global.zuzuche.com/assets/css/portalweb/reviews/home-ca93a6d2.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
</head>
<body>
<%--${VO}--%>
<jsp:include page="../common/head.jsp"/>
<header class="top-banner" style="background-image: url(//imgcdn50.zuzuche.com/world/base/502/337/589/e851c589d9c73be1fc613bd9514a911f.jpg)">
    <h1>精华分享</h1>
    <h3>心得建议，帮你甄选好车</h3>
</header>

<main id="J-main-container" role="main">
    <div class="ui-container">

        <div class="content-area">
            <div class="content-col">
<%--                <style>--%>



<%--                    .ui-box-header>h2.active{--%>
<%--                        border-bottom: 2px solid #4e7cdd;--%>
<%--                    }--%>
<%--                    .item-tag {--%>
<%--                        overflow: hidden;--%>
<%--                        vertical-align: middle;--%>
<%--                        height: 50px;--%>
<%--                        line-height: 50px;--%>
<%--                    }--%>

<%--                    .item-tag img {--%>
<%--                        vertical-align: middle;--%>
<%--                    }--%>

<%--                    .item-tag .car-guide {--%>
<%--                        width: 103px;--%>
<%--                    }--%>

<%--                    .item-tag .ob-line {--%>
<%--                        margin: 0 15px;--%>
<%--                    }--%>

<%--                    .item-tag .item-recomm {--%>
<%--                        color: #ff5a82;--%>
<%--                        font-size: 16px;--%>
<%--                    }--%>
<%--                    .guide-tags span {--%>
<%--                        display: inline-block;--%>
<%--                        margin: 10px 10px 0 0;--%>
<%--                        padding: 0 10px;--%>
<%--                        font-size: 12px;--%>
<%--                        color: #6b83b3;--%>
<%--                        background: #edf2fc;--%>
<%--                        line-height: 24px;--%>
<%--                        height: 24px;--%>
<%--                    }--%>

<%--                    .meta address{--%>
<%--                        margin-top: -4px;--%>
<%--                        position: relative;--%>
<%--                    }--%>
<%--                    .ui-container .reviews-list-box .page-list a{--%>
<%--                        display: inline-block;--%>
<%--                        background: #F5F5F5;--%>
<%--                        border: 1px solid #E0E0E0;--%>
<%--                        border-radius: 2px;--%>
<%--                        width: 67px;--%>
<%--                        height: 28px;--%>
<%--                        text-align: center;--%>
<%--                        line-height: 28px;--%>
<%--                        font-size: 13px;--%>
<%--                        color: #333333;--%>
<%--                        padding: 0;--%>
<%--                    }--%>
<%--                    .ui-container .reviews-list-box .page-list a:hover{--%>
<%--                        color: #1F6ECD;--%>
<%--                        text-decoration: none;--%>
<%--                    }--%>
<%--                    .ui-container strong{--%>
<%--                        font-weight: 550;--%>
<%--                    }--%>

<%--                    .score-items span{--%>
<%--                        color: #333;--%>
<%--                    }--%>
<%--                </style>--%>
                <section class="ui-box reviews-list-box">
                    <div class="ui-box-header J-comment-tab">
                        <h2 class=' active ' data-plane="1" style="margin-right: 20px;">全部评论</h2>
                    </div>
                    <div class="ui-box-container J-ui-box-container">
                        <div data-plane="1" class="ui-box-content J-ui-box-content">


                            <c:forEach var="review" items="${VO}">

<%--                                ${review.car}--%>
                                <article class="review-item fn-clear" 1>
                                    <div class="car">
                                        <div class="car-logo">
                                            <img src="${review.member.memberAvatar}" style="width:54px; border-radius: 50%">
                                            <!-- <i class="icon icon-cover"></i> -->
                                        </div>

                                        <div class="user-name">${review.member.memberName}</div>
                                    </div>

                                    <div class="body">
                                        <div class="meta fn-clear" style="margin-bottom: 10px;display: inline-block;width: 100%;">
                                            <div class="fn-left">
                                                <p>
                                                <div class="score-items">
                                                    <span class="title">租车店铺：</span>
                                                    <span>${review.shop.shopName}</span><br>
                                                    <span class="title" >总评分：</span>
                                                    <span >${review.review.starShop}</span>
                                                    <div id="cots_car1"></div>
                                                    <script>
                                                        layui.use(['rate'], function() {
                                                            var rate = layui.rate;
                                                            //只读
                                                            rate.render({
                                                                elem: '#cots_car1'
                                                                , value: 5
                                                                , readonly: true
                                                            });
                                                        });
                                                    </script>

                                                </div>
                                                </p>
                                            </div>
                                        </div>

                                        <div class="content" style="margin-bottom: 10px;">
                                            <div class="score-items fn-clear" style="color: #333;">
                                                <span class="title" style="color: black;"><strong>评价：</strong></span>
                                                <span>${review.review.reviewContent}</span>
                                            </div>
                                        </div>


                                        <div class="content" style="margin-bottom: 10px;">
                                            <div class="score-items fn-clear">
                                                <img src="https://imgcdn50.zuzuche.com/static/17/23/39b2d5cdcc1d1880483da7ba88e70342.jpg" alt="车图标" style="vertical-align: middle;">
                                                <span style="color: #999;">${review.car.carBrand} ${review.car.carName}或同组车型</span>
                                            </div>

                                        </div>
                                    </div>
                                </article>

                            </c:forEach>


<%--                            <article class="review-item fn-clear" 1>--%>
<%--                                <div class="car">--%>
<%--                                    <div class="car-logo">--%>
<%--                                        <img src="//account.zuzuche.com/avatar.php?userid=8&version=v2" style="width:54px; border-radius: 50%">--%>
<%--                                        <!-- <i class="icon icon-cover"></i> -->--%>
<%--                                    </div>--%>

<%--                                    <div class="user-name">匿名</div>--%>
<%--                                </div>--%>

<%--                                <div class="body">--%>
<%--                                    <div class="meta fn-clear" style="margin-bottom: 10px;display: inline-block;width: 100%;">--%>
<%--                                        <div class="fn-left">--%>
<%--                                            <p>--%>
<%--                                            <div class="score-items">--%>
<%--                                                <span class="title">租车店铺：</span>--%>
<%--                                                <span>寒山寺店</span><br>--%>
<%--                                                <span class="title" >总评分：</span>--%>
<%--                                                <div id="cots_car1"></div>--%>
<%--                                            <script>--%>
<%--                                                layui.use(['rate'], function() {--%>
<%--                                                    var rate = layui.rate;--%>
<%--                                                    //只读--%>
<%--                                                    rate.render({--%>
<%--                                                        elem: '#cots_car1'--%>
<%--                                                        , value: 5--%>
<%--                                                        , readonly: true--%>
<%--                                                    });--%>
<%--                                                });--%>
<%--                                            </script>--%>

<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>评价：</strong></span>--%>
<%--                                            <span>非常满意</span>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>


<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear">--%>
<%--                                            <img src="https://imgcdn50.zuzuche.com/static/17/23/39b2d5cdcc1d1880483da7ba88e70342.jpg" alt="车图标" style="vertical-align: middle;">--%>
<%--                                            <span style="color: #999;">标致 5008或同组车型</span>--%>
<%--                                        </div>--%>

<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </article>--%>
<%--                            <article class="review-item fn-clear" 1>--%>
<%--                                <div class="car">--%>
<%--                                    <div class="car-logo">--%>
<%--                                        <img src="//account.zuzuche.com/avatar.php?userid=68561632&version=v2" style="width:54px; border-radius: 50%">--%>
<%--                                        <!-- <i class="icon icon-cover"></i> -->--%>
<%--                                    </div>--%>

<%--                                    <div class="user-name">姜**</div>--%>

<%--                                    <div class="user-number"><a href="//www.zuzuche.com/review_2964867662.html" target="_blank">（69****92）</a></div>--%>

<%--                                </div>--%>

<%--                                <div class="body">--%>
<%--                                    <div class="meta fn-clear" style="margin-bottom: 10px;display: inline-block;width: 100%;">--%>
<%--                                        <div class="fn-right">--%>
<%--                                            <p class="supplier-logo">--%>
<%--                                            <address>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10034.html" target="_blank" style="color: #1f6ecd;">丹麦</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10034_490.html" target="_blank" style="color: #1f6ecd;">哥本哈根</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10034_490_44.html" target="_blank" style="display: block; position: absolute; right: 0; font-size: 12px;">--%>
<%--                                                    <p>Europcar</p>--%>
<%--                                                </a>--%>
<%--                                            </address>--%>
<%--                                            <div style=" display: inline-block; position: relative;">--%>
<%--                                                <a href="//www.zuzuche.com/Europcar/" target="_blank">--%>
<%--                                                    <img src="https://zzccdn.zuzuche.com/irc-common/world/dealer/logo/16/69/89c001318174a9e59bfa529397f511ac.jpg" title="欧洛普卡租车 - Europcar" width="60px">--%>
<%--                                                </a>--%>

<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                        <div class="fn-left">--%>
<%--                                            <p>--%>
<%--                                            <div class="score-items">--%>
<%--                                                <span class="title">租车公司：</span>--%>
<%--                                                <span class="score-container score-level-5 J-tipTrigger" data-tip-position="7" data-tip-content="强烈推荐">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                    </span>--%>
<%--                                                <span class="title" >租租车：</span>--%>
<%--                                                <span class="score-container score-level-5 J-tipTrigger" data-tip-position="7" data-tip-content="强烈推荐">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                 </span>--%>
<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                    <div class="time" style="top:inherit;bottom:0px;color: #999;">10小时前</div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对Europcar的评价：</strong></span>--%>
<%--                                            <span>非常满意</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对租租车的评价：</strong></span>--%>
<%--                                            <span>很不错，以后有需要会继续用</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>



<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear">--%>
<%--                                            <img src="https://imgcdn50.zuzuche.com/static/17/23/39b2d5cdcc1d1880483da7ba88e70342.jpg" alt="车图标" style="vertical-align: middle;">--%>
<%--                                            <span style="color: #999;">福特 福克斯或同组车型</span>--%>
<%--                                        </div>--%>

<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </article>--%>
<%--                            <article class="review-item fn-clear" 1>--%>
<%--                                <div class="car">--%>
<%--                                    <div class="car-logo">--%>
<%--                                        <img src="//account.zuzuche.com/avatar.php?userid=8&version=v2" style="width:54px; border-radius: 50%">--%>
<%--                                        <!-- <i class="icon icon-cover"></i> -->--%>
<%--                                    </div>--%>

<%--                                    <div class="user-name">匿名</div>--%>

<%--                                    <div class="user-number"><a href="//www.zuzuche.com/review_2171754175.html" target="_blank">（77****65）</a></div>--%>

<%--                                </div>--%>

<%--                                <div class="body">--%>
<%--                                    <div class="meta fn-clear" style="margin-bottom: 10px;display: inline-block;width: 100%;">--%>
<%--                                        <div class="fn-right">--%>
<%--                                            <p class="supplier-logo">--%>
<%--                                            <address>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099.html" target="_blank" style="color: #1f6ecd;">挪威</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099_106912.html" target="_blank" style="color: #1f6ecd;">特罗姆瑟</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099_106912_30.html" target="_blank" style="display: block; position: absolute; right: 0; font-size: 12px;">--%>
<%--                                                    <p>AVIS</p>--%>
<%--                                                </a>--%>
<%--                                            </address>--%>
<%--                                            <div style=" display: inline-block; position: relative;">--%>
<%--                                                <a href="//www.zuzuche.com/AVIS/" target="_blank">--%>
<%--                                                    <img src="https://imgcdn5.zuzuche.com/cdn1/public/dealer_v5/avis_id_30/100x50.png" title="安飞士 - AVIS" width="60px">--%>
<%--                                                </a>--%>

<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                        <div class="fn-left">--%>
<%--                                            <p>--%>
<%--                                            <div class="score-items">--%>
<%--                                                <span class="title">租车公司：</span>--%>
<%--                                                <span class="score-container score-level-4 J-tipTrigger" data-tip-position="7" data-tip-content="非常好">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                    </span>--%>
<%--                                                <span class="title" >租租车：</span>--%>
<%--                                                <span class="score-container score-level-4 J-tipTrigger" data-tip-position="7" data-tip-content="非常好">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                 </span>--%>
<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                    <div class="time" style="top:inherit;bottom:0px;color: #999;">11小时前</div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对AVIS的评价：</strong></span>--%>
<%--                                            <span>好</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对租租车的评价：</strong></span>--%>
<%--                                            <span>取到的车行李空间比较小，放不下2个大行李箱，拆掉后面的板子才勉强放下</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>



<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear">--%>
<%--                                            <img src="https://imgcdn50.zuzuche.com/static/17/23/39b2d5cdcc1d1880483da7ba88e70342.jpg" alt="车图标" style="vertical-align: middle;">--%>
<%--                                            <span style="color: #999;">马自达 CX-30或同组车型</span>--%>
<%--                                        </div>--%>

<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </article>--%>
<%--                            <article class="review-item fn-clear" 1>--%>
<%--                                <div class="car">--%>
<%--                                    <div class="car-logo">--%>
<%--                                        <img src="//account.zuzuche.com/avatar.php?userid=67654180&version=v2" style="width:54px; border-radius: 50%">--%>
<%--                                        <!-- <i class="icon icon-cover"></i> -->--%>
<%--                                    </div>--%>

<%--                                    <div class="user-name">方**</div>--%>

<%--                                    <div class="user-number"><a href="//www.zuzuche.com/review_3918028333.html" target="_blank">（57****09）</a></div>--%>

<%--                                </div>--%>

<%--                                <div class="body">--%>
<%--                                    <div class="meta fn-clear" style="margin-bottom: 10px;display: inline-block;width: 100%;">--%>
<%--                                        <div class="fn-right">--%>
<%--                                            <p class="supplier-logo">--%>
<%--                                            <address>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099.html" target="_blank" style="color: #1f6ecd;">挪威</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099_106912.html" target="_blank" style="color: #1f6ecd;">特罗姆瑟</a>--%>
<%--                                                <a href="//www.zuzuche.com/reviews_10099_106912_49.html" target="_blank" style="display: block; position: absolute; right: 0; font-size: 12px;">--%>
<%--                                                    <p>Hertz</p>--%>
<%--                                                </a>--%>
<%--                                            </address>--%>
<%--                                            <div style=" display: inline-block; position: relative;">--%>
<%--                                                <a href="//www.zuzuche.com/Hertz/" target="_blank">--%>
<%--                                                    <img src="https://imgcdn5.zuzuche.com/world/dealer/logo/Hertz_dealer_pic_big_799c968e294.jpg" title="赫兹租车 - Hertz" width="60px">--%>
<%--                                                </a>--%>

<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                        <div class="fn-left">--%>
<%--                                            <p>--%>
<%--                                            <div class="score-items">--%>
<%--                                                <span class="title">租车公司：</span>--%>
<%--                                                <span class="score-container score-level-5 J-tipTrigger" data-tip-position="7" data-tip-content="强烈推荐">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                    </span>--%>
<%--                                                <span class="title" >租租车：</span>--%>
<%--                                                <span class="score-container score-level-5 J-tipTrigger" data-tip-position="7" data-tip-content="强烈推荐">--%>
<%--                                        <i class="reviews-iconfont score score-1">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-2">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-3">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-4">&#xf005;</i>--%>
<%--                                        <i class="reviews-iconfont score score-5">&#xf005;</i>--%>
<%--                                 </span>--%>
<%--                                            </div>--%>
<%--                                            </p>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                    <div class="time" style="top:inherit;bottom:0px;color: #999;">11小时前</div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对Hertz的评价：</strong></span>--%>
<%--                                            <span>还可以</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>

<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear" style="color: #333;">--%>
<%--                                            <span class="title" style="color: black;"><strong>对租租车的评价：</strong></span>--%>
<%--                                            <span>客服不错</span>--%>
<%--                                        </div>--%>
<%--                                        <!--<div style="padding:5px 0 15px;"></div>-->--%>
<%--                                    </div>--%>



<%--                                    <div class="content" style="margin-bottom: 10px;">--%>
<%--                                        <div class="score-items fn-clear">--%>
<%--                                            <img src="https://imgcdn50.zuzuche.com/static/17/23/39b2d5cdcc1d1880483da7ba88e70342.jpg" alt="车图标" style="vertical-align: middle;">--%>
<%--                                            <span style="color: #999;">丰田 RAV4荣放或同组车型</span>--%>
<%--                                        </div>--%>

<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </article>--%>



                        </div>

                    </div>
                </section>
            </div>

            <aside class="right-col aside">


                <!-- aside_hot_country_mod_html -->
                <section class="ui-box hot-country-box">
                    <header class="ui-box-head">
                        <h3 class="ui-box-head-title">热门城市分享</h3>
                    </header>
                    <div class="ui-box-container">
                        <div class="ui-box-content">
                            <ul class="country-list">
                                <li>
                                        <span class="name">
                            <span style="color: #1f6ecd;">四川</span>
                            <span style="display:block;margin-top:10px;">备受欢迎的自驾游目的地</span>
                        </span>
                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">青岛</span>
                            <span style="display:block;margin-top:10px;">开往蜿蜒海岸线</span>
                        </span>
                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">西藏</span>
                            <span style="display:block;margin-top:10px;">说走就走的自驾天堂</span>
                        </span>

                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">西安</span>
                            <span style="display:block;margin-top:10px;">纯净的自驾天堂</span>
                        </span>

                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">桂林</span>
                            <span style="display:block;margin-top:10px;">枫叶大道带你寻找醉人美景</span>
                        </span>

                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">大唐</span>
                            <span style="display:block;margin-top:10px;">文艺复兴之梦，在车轮上相约</span>
                        </span>

                                </li>
                                <li>

                                        <span class="name">
                            <span style="color: #1f6ecd;">南京</span>
                            <span style="display:block;margin-top:10px;">自驾探访浪漫文艺</span>
                        </span>

                                </li>
                            </ul>
                        </div>
                    </div>
                </section>
                <!-- aside_region_city_supplier_mod_html -->

            </aside>

        </div>
    </div>
</main>


</body>
</html>
